import React from "react";
// Col, Row用于做栅格布局(百分比布局 + 媒体查询)
import { Breadcrumb, Col, Row } from "antd";
import "./index.less";

const Index = () => {
  return (
    <div>
      <Breadcrumb
        style={{ marginBottom: 20 }}
        items={[
          {
            title: "系统首页",
          },
        ]}
      />

      <Row gutter={[20, 20]}>
        <Col span={24}>
          <div className="context"></div>
        </Col>
      </Row>
      <Row gutter={[20, 20]}>
        <Col span={12}>
          <div className="context"></div>
        </Col>
        <Col span={12}>
          <div className="context"></div>
        </Col>
      </Row>
      <Row gutter={[20, 20]}>
        <Col span={8}>
          <div className="context">
            <h3>好像是刚开始学vue的时候</h3>
          </div>
        </Col>
        <Col span={8}>
          <div className="context"></div>
        </Col>
        <Col span={8}>
          <div className="context"></div>
        </Col>
      </Row>
      <Row gutter={[20, 20]}>
        <Col span={6}>
          <div className="context"></div>
        </Col>
        <Col span={6}>
          <div className="context"></div>
        </Col>
        <Col span={6}>
          <div className="context"></div>
        </Col>
        <Col span={6}>
          <div className="context"></div>
        </Col>
      </Row>
    </div>
  );
};

export default Index;
